<?php 
/**
 * [PHPFOX_HEADER]
 * 
 * @copyright		[PHPFOX_COPYRIGHT]
 * @author  		Raymond Benc
 * @package 		Phpfox
 * @version 		$Id: panel.html.php 414 2009-04-17 23:31:59Z Raymond_Benc $
 */
 
defined('PHPFOX') or exit('NO DICE!'); 

?>

{literal}
<style>
	.title{
		background: none repeat scroll 0 0 #ECECEC;
	    border-bottom: 1px solid #B4B4B4;
	    color: #333333;
	    font-weight: bold;
	    height: 25px;
	    line-height: 25px;
	    padding: 0 0 0 4px;
	    margin-top: 4px;
	}
</style>
{/literal}

<div id="profile_content_tabs">
    <ul>
        <li><a href="#profile_content_tabs-1">Friend<b></b></a></li>
        <li><a href="#profile_content_tabs-2">Album<b></b></a></li>
        <li><a href="#profile_content_tabs-3">Topic<b></b></a></li>
        <li><a href="#profile_content_tabs-4">Community<b></b></a></li>
    </ul>
    <div id="profile_content_tabs-1">
        <div class="profile_friends content_block">
            {module name='friend.profile.small'}
        </div>
        <div class="profile_may_know">
            {module name='friend.profile.mayyouknow'}
        </div>
    </div>
    <div id="profile_content_tabs-2">
        <div class="profile_user_album content_block">
        	<div class="profile_may_know">
        	<div class="title">Albums</div>
            {module name='photo.profile.album'}
           </div>
        </div>
        <div class="profile_user_video content_block">
        	<div class="profile_may_know">
            {module name='video.profile.video'}
           </div>
        </div>
    </div>
    <div id="profile_content_tabs-3">
        	{module name='survey.your-topic'}
                {module name='survey.your-following'}
                {module name='survey.your-interest'}
    </div>
    <div id="profile_content_tabs-4">
    	<div class="profile_may_know">
        	{module name='pages.profile.community'}
        </div>
        
        <div class="profile_may_know">
        	{module name='pages.profile.following'}
        </div>
        
        <div class="profile_may_know">
        	{module name='pages.profile.suggested_following'}
        </div>
    </div>
</div>


{literal}
<script type="text/javascript">
    var is_loaded_init_profile_tabs = false;
    $Behavior.init_profile_tabs = function(){
//        if(is_loaded_init_profile_tabs === false){
            $('#profile_content_tabs').tabs();
            is_loaded_init_profile_tabs = true;
//        }
    }
</script>
{/literal}